@charset "utf-8";
@import"reset";
@function r($px) {
    @return $px/20*1rem;
}
html,
body {
    width: 100%;
    height: 100%;
}
.indeWeb {
    width: 100%;
    //  height: 100%;
    position: relative;
    .logo {
        width: 100%;
        height: r(89);
        background: url(../img/shouye/images/honglogo_02.png)no-repeat center center/cover;
        position: fixed;
        top: 0;
        z-index: 9999;
        .yingyong {
            width: r(30);
            height: r(23);
            position: absolute;
            cursor: pointer;
            top: r(25);
            left: r(23);
            .icon-sanheng {
                //              width: 100%;
                //              height: 100%;
                font-size: r(30);
                color: white;
            }
        }
        .fangdajing {
            position: absolute;
            width: r(30);
            height: r(30);
            border-radius: 50%;
            border: 2px solid white;
            line-height: r(30);
            top: r(23);
            right: r(23);
            text-align: center;
            .icon-fangdajing {
                //              width: 100%;
                font-size: r(23);
                color: white;
            }
        }
    }
    section {
        width: 100%;
        position: absolute;
        top: r(89);
        overflow-y: scroll;
        padding-top: r(30);
        padding-bottom: r(90);
        nav{
            width: r(583);
            margin: 0 auto;
            border-bottom: 1px solid #d2d2d2;
            h1{
                font-size: r(30);
                font-weight: bold;
                color: black;
            }
            p{
                font-size: r(19);
                color: #cacaca;
                padding-top: r(15);
                padding-bottom: r(15);
                a{
                    font-size: r(20);
                }
                span{
                    font-size: r(14);
                    float: right;
                    padding-top: r(3);
                }
            }
        }
        .tontensss{
            width: r(583);
            margin: 0 auto;
            padding-top: r(15);
            padding-bottom: r(20);
            
            .title_pots{
                width: r(583);
                height: r(280);
                padding-bottom: r(30);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .tesud{
                font-size: r(20);
                color: #aeaeae;
                padding-bottom: r(40);
                line-height: r(30);
            }
            p{
                font-size: r(20);
                color: #aeaeae;
                line-height: r(30);
            }
        }
        .guot{
            width: 100%;
            height: r(26);
            background: #f5f5f5;
         }
        .tinmelocation{
            width: r(583);
            margin: 0 auto;
            padding-top: r(15);
            h1{
                font-size: r(29);
                color: #5c5856;
                padding-bottom: r(16);
            }
            p{
                font-size: r(20);
                color: #aeaeae;
                line-height: r(30);
            }
        }
        .jianshikuang{
            padding-top: r(15);
            padding-bottom: r(15);
                width: 100%;
                h1{
                    width: r(583);
                    margin: 0 auto;
                    font-size: r(20);
                    color: #aeaeae;
                    padding-bottom: r(15);
                }
                .jianjie{
                    width: 100%;
                    ul{
                        width: r(583);
                        margin: 0 auto;
                        li{
                            display: inline-block;
                            vertical-align: middle;
                        }
                        .touxianguser{
                            width: r(85);
                            height: r(84);
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .wenzijiesao{
                             p{
                                font-size: r(15);
                                color: #9f9e9e;
                            }
                            .touer{
                                font-size: r(18);
                                color: #9f9e9e;
                            }
                           
                        }
                    }
                }
        }
        .lijibaoming{
            width: r(593);
            height: r(86);
            margin: 0 auto;
            background: red;
            text-align: center;
            margin-top: r(20);
            margin-bottom: r(20);
                span{
                    font-size: r(34);
                    color: white;
                    line-height: r(86);
                }
        }
    }  
    .suanze {
        width: 100%;
        background: #f5f5f5;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        padding-top: r(12);
        .wer {
            width: 100%;
            ul {
                width: 100%;
                li {
                    display: inline-block;
                    width: r(121.5);
                    img {
                        display: block;
                        margin: 0 auto;
                    }
                }
                .one_kuang {
                    border-right: 1px solid #e9e9e9;
                    .onepot {
                        width: r(48);
                    }
                }
                .two_kuang {
                    border-right: 1px solid #e9e9e9;
                    .twopot {
                        width: r(48);
                    }
                }
                .three_kuang {
                    border-right: 1px solid #e9e9e9;
                    .threepot {
                        width: r(41);
                    }
                }
                .four_kuang {
                    border-right: 1px solid #e9e9e9;
                    .fourpot {
                        width: r(42);
                    }
                }
                .five_kuang {
                    .fivepot {
                        width: r(70);
                    }
                }
            }
        }
    }
}